<!-- 排放标准 -->
<template>
  <div class="informationStandard">
    <div class="title">排放标准</div>
    <el-table :data="standardTable" border style="width: 100%">
      <el-table-column prop="item" label="项目" align="center"></el-table-column>
      <el-table-column prop="standard" label="标准排放浓度" align="center"></el-table-column>
      <el-table-column prop="basis" label="依据" align="center"></el-table-column>
    </el-table>
  </div>
</template>
<script>
import { factorAll } from "@/http/api";
export default {
  name: "informationStandard",
  data() {
    return {
      msg: "hello informationStandard!",
      standardTable: [],
    };
  },
  mounted() {
    this.getFactoryAll();
  },
  methods: {
    // 查询所有监测因子
    getFactoryAll() {
      factorAll().then((res) => {
        res.data.forEach((item) => {
          this.standardTable.push({
            item: item.name,
            standard:
              item.name === "pH"
                ? item.minthreshold + "~" + item.maxthreshold
                : item.maxthreshold +" mg/L",
            basis: "《污水排入城镇下水道水质标准》(GB/T31962-2015)表1中A级标准",
          });
        });
      });
    },
  },
};
</script>
<style scoped>
.informationStandard {
  background: #fff;
  min-height: 100%;
  padding: 0 20px 10px 20px;

}
.informationStandard .title {
  position: relative;
  left: 15px;
  line-height: 70px;
  font-size: 16px;
}
.informationStandard .title::before {
  content: "";
  position: absolute;
  left: -15px;
  width: 4px;
  height: 20px;
  top: 25px;
  background-color: #2399ff;
}
</style>
